/* 手机站字体自适应 */
@media screen and (min-width:0px) {html { font-size:7.8125‬%;}}
@media screen and (min-width:40px) {html { font-size:7.8125‬%;}}
@media screen and (min-width:80px) {html { font-size:15.625%;}}
@media screen and (min-width:120px) {html { font-size:23.4375%;}}
@media screen and (min-width:160px) {html { font-size:31.25%;}}
@media screen and (min-width:200px) {html { font-size:39.0625%;}}
@media screen and (min-width:240px) {html { font-size:46.875%;}}
@media screen and (min-width:280px) {html { font-size:54.6875%;}}
@media screen and (min-width:320px) {html { font-size:62.5%;}}
@media screen and (min-width:360px) {html { font-size:70.3125%;}}
@media screen and (min-width:400px) {html { font-size:78.125%;}}
@media screen and (min-width:440px) {html { font-size:85.9375%;}}
@media screen and (min-width:480px) {html { font-size:93.75%;}}
@media screen and (min-width:520px) {html { font-size:101.5625%;}}
@media screen and (min-width:560px) {html { font-size:109.375%;}}
@media screen and (min-width:600px) {html { font-size:117.1875‬%;}}
@media screen and (min-width:640px) {html { font-size:125%;}}
/* 640--》20 */

p {margin: 0;}
input, textarea {border: none;outline: none;background-color: transparent;}

/* 通用样式 */
.fl {float: left;}
.fr {float: right;}
.clearfix::after {content: '';display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.dfc {display: flex;justify-content: space-between;align-items: center;}
.ovimg {overflow: hidden;}
.ovimg img {width: 100%;min-height: 100%;}
.imgbig {overflow: hidden;}
.imgbig img {-webkit-transition: all ease .5s;-moz-transition: all ease .5s;-ms-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;}
.imgbig:hover img {-webkit-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.ibw img {width: 100%;height: auto;}
.miw img {max-width: 100%;max-height: 100%;}
.iml img {transform: translateY(-1px);vertical-align: middle;}
.clearboth {height: 0px;line-height: 0px;overflow: hidden;clear: both;font-size: 0px;}
.bgmax {background-repeat: no-repeat;background-size: cover;background-position: center top;}
.bgmin {background-repeat: no-repeat;background-size: contain;background-position: center top;}
.fh {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.bw {width: 100%;}

.mbw {width: 100%;overflow: hidden;}
.mw1336 {max-width: 1336px;width: 100%;margin: 0 auto;}
.mp {padding: 0 2vw;}

/* 头部 */
.ph {border-top: 3px solid #003581;z-index: 9;}

.ph1 {height: 80px;}
.ph1a {width: 30%;}
.ph12 {padding-left:1480px;}

.ph1b {padding-top: 14px;width: 70%;}

.ph1b1 {width: calc(100% - 35px);}
.ph1b2 {position: relative;z-index: 9;}
.ph1b2a {width: 35px;height: 35px;background-color: #003581;display: block;background-image: url(../images/ph1b2a.png);background-repeat: no-repeat;background-position: center center;}

.ph1b2b {position: absolute;top: 100%;right: 0;background-color: #fff;z-index: 9;border: 1px solid #003581;height: 40px;width: 200px;display: none;}
.ph1b2b1 {height: 100%;width: 70%;padding-left: 10px;}
.ph1b2b2 {height: 100%;width: 30%;}



.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #191919;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(../images/btn15.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/btn16.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/btn17.png) no-repeat center;
    background-size: 20px 20px;
    
}

.pf_down li:nth-child(3n) {
    border: none;
}

















/* 导航栏 */
.nav1 {width: 100%;}
.nav-li {position: relative;z-index: 9;flex: 1;}
.nav-li .nav-a {display: block;line-height: 70px;font-size: 16px;color: #323232;width: 100%;text-align: center;white-space: nowrap;position: relative;}
.nav-li .nav-a::before {content: "";display: block;width: 50%;max-width: 48px;height: 3px;background-color: #003581;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);display: none;}
.nav-ul {height: 0;overflow: hidden;position: absolute;left: 50%;top: 100%;background-color: #fff;z-index: 999;width: 100%;transform: translateX(-50%);}
.nav-ul li {width: 100%;}
.nav-ul li a {width: 100%;line-height: 38px;text-align: center;display: block;color: #333;}

.nav-li:hover .nav-a {}
.nav-li:hover .nav-a::before {display: block;}
.nav-ul li a:hover {}

/* 标题通用样式 */
.pa {text-align: center;}
.pa h3 {font-size: 35px;color: #323232;font-weight: bold;line-height: 1.57;}
.pa h4 {font-size: 16px;color: #787878;line-height: 1.375;font-weight: normal;}

/* 服务领域 */
.p1-box {padding: 44px 0 54px;}

.p1b {flex-wrap: wrap;margin-top: 25px;border: 1px solid #e6e6e6;}
.p1b li {width: 25%;border-right: 1px solid #e6e6e6;padding: 40px 0 20px;text-align: center;}
.p1b li:nth-child(4n) {border-right: none;}
.p1b li:nth-child(n+5) {border-top: 1px solid #e6e6e6;}

.p1b li div {height: 40px;position: relative;}
.p1b li div img {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.p1b li h3 {font-size: 20px;color: #5a5a5a;font-weight: bold;text-align: center;line-height: 3;}
.p1b li a {font-size: 14px;color: #5a5a5a;line-height: 1.7;}

/* 数据列表 */
.p2 {background-image: url(../images/p2.jpg);}

.p2-box {padding: 47px 30px 54px;}

.p2a {flex-wrap: wrap;}
.p2a li {max-width: 185px;width: 23%;border: 1px solid #fff;text-align: center;padding: 16px 0;}
.p2a li h3 {font-size: 48px;color: #fff;font-weight: bold;line-height: 1.8;}
.p2a li div {width: 53px;height: 2px;background-color: #fff;margin: 0 auto;max-width: 50%;}
.p2a li h4 {font-size: 24px;color: #fff;font-weight: bold;line-height: 2.7;}

/* 产品中心 */
.p3-box {padding: 44px 0 46px;}

.p3b {flex-wrap: wrap;margin-top: 28px;}
.p3b li {max-width: 314px;width: 24%;}
.p3b li:nth-child(n+5) {margin-top: 25px;}
.p3b li a {display: block;width: 100%;}
.p3b li a div {border: 1px solid #e6e6e6;padding: 3px 3px 4px;}
.p3b li a div p {display: block;border: 1px solid #e6e6e6;}
.p3b li a h3 {display: block;text-align: center;border: 1px solid #e6e6e6;border-top: none;font-size: 16px;color: #787878;line-height: 3;}

.p3b li a:hover h3 {background-color: #003581;border-color: #003581;color: #fff;}

.p3c {margin-top: 50px;}
.p3c a {display: block;max-width: 250px;width: 40%;font-size: 16px;color: #fff;line-height: 3.625;border-radius: 4px;background-color: #003581;margin: 0 auto;text-align: center;}

/* 关于我们 */
.p4 {background-image: url(../images/p4.jpg);    margin-top: 20px; }

.p4-box {padding: 65px 0 40px;}

.p4a h3 {color: #fff;}
.p4a h4 {color: #fff;}

.p4b {max-width: 1242px;margin: 50px auto 0;width: 100%;background-color: #003581;padding: 40px 75px 155px;}
.p4b p {font-size: 14px;color: #fff;line-height: 2.6;text-align: center;}

.p4c {max-width: 1131px;width: 100%;margin: -110px auto 0;min-height: 181px;}
.p4c li {max-width: 181px;width: 23%;}
.p4c li a {display: block;position: relative;}
.p4c li a h3 { 
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
    margin-top: 10px;}

/* 经典案例 */
.p5 {background-color: #f0f0f0;}

.p5-box {padding: 34px 0 30px;}

.p5b {margin-top: 36px;}
.p5b-box {padding: 0 3px;}
.p5b-box a {display: block;background-color: #fff;}

.p5b1 {text-align: center;}
.p5b1 img {display: inline;}

.p5b2 {padding: 36px 38px 30px;}
.p5b2 h3 {font-size: 18px;color: #474747;font-weight: bold;line-height: 2.1;text-align: center;}
.p5b2 p {font-size: 14px;color: #787878;line-height: 1.7;text-align: center;}
.p5b2 div {display: block;width: 80%;max-width: 102px;border-radius: 14px;border: 1px solid #e6e6e6;font-size: 14px;color: #787878;line-height: 1.8;text-align: center;margin: 10px auto 0;}

.p5b .slick-dots {margin-top: 28px;display: flex;justify-content: center;align-items: center;}
.p5b .slick-dots li {width: 11px;height: 11px;background-color: #0c3f87;border-radius: 50%;overflow: hidden;text-indent: 999px;margin: 0 6px;}
.p5b .slick-dots li button {display: none;}

/* 新闻资讯 */
.p6-box {padding: 30px 0 40px;}

.p6b {margin-top: 30px;align-items: flex-start;}

.p6b1 {width: 47%;}
.p6b1 a {display: block;}
.p6b1a {text-align: center;}
.p6b1b div {padding: 22px 0 16px;}
.p6b1b div h3 {font-size: 16px;color: #323232;font-weight: bold;}
.p6b1b div h4 {font-size: 14px;color: #777;font-weight: normal;}
.p6b1b p {font-size: 14px;color: #747474;line-height: 1.7;}

.p6b2 {width: 50%;}
.p6b2 li+li {margin-top: 28px;padding-top: 20px;border-top: 1px solid #e6e6e6;}
.p6b2 li a {align-items: flex-start;}

.p6b2a {width: 18%;background-color: #003581;text-align: center;padding: 14px 0;}
.p6b2a h3 {font-size: 30px;color: #fff;font-weight: normal;line-height: 1.6;}
.p6b2a h4 {font-size: 18px;color: #fff;font-weight: normal;line-height: 2.2;}

.p6b2b {width: 78%;}
.p6b2b h3 {font-size: 16px;color: #003581;font-weight: bold;line-height: 1.5;}
.p6b2b p {font-size: 14px;color: #737373;line-height: 1.8;margin-top: 10px;}
.p6b2b h4 {font-weight: normal;font-size: 14px;color: #bcbcbc;line-height: 2.3;}

/* 友情链接 */
.p7-box {font-size: 12px;color: #000;line-height: 2;padding: 10px 0;}
.p7-box a {color: #000;margin: 0 5px;}

/* 底部 */
.pf {background-color: #303030;}

.pf1 {padding: 62px 0 38px;align-items: flex-start;}

.pf1a {width: 42%;}
.pf1a p {font-size: 16px;color: #fff;line-height: 2;}
.pf1a p strong {font-size: 24px;line-height: 2.5;}

.pf1b {width: 58%;align-items: flex-start;padding-left: 1px;min-height: 162px;position: relative;}
.pf1b::before {content: "";display: block;width: 1px;height: 162px;position: absolute;left: 0;top: 0;/*background-color: rgba(255, 255, 255, .27);*/}
.pf1b dl {flex: 1;text-align: end;}
.pf1b dl div {display: inline-block;}
.pf1b dl div dt {font-size: 16px;font-weight: bold;line-height: 2.25;text-align: start;}
.pf1b dl div dt a {color: #fff;}
.pf1b dl div dd {margin-top: 10px;}
.pf1b dl div dd a {display: block;text-align: start;font-size: 14px;color: rgba(255, 255, 255, .37);line-height: 2.8;}

.pf2 {max-width: 1410px;border-top: 1px solid rgba(255, 255, 255, .12);text-align: center;padding: 21px 0;}
.pf2 p {font-size: 12px;color: #8b8b8b;line-height: 2;}
.pf2 p a {color: #8b8b8b;}

@media (max-width: 1440px) {
  /* 数据列表 */
  .p2-box {padding: 47px 0 54px;}

}

@media (max-width: 1200px) {
  /* 新闻资讯 */
  .p6b {flex-wrap: wrap;}
  .p6b1, .p6b2 {width: 100%;}
  .p6b2 {margin-top: 20px;}

}

@media (max-width: 1024px) {
  /* 关于我们 */
  .p4b {padding: 40px 40px 140px;}

}

@media (max-width: 780px) {
  /* 底部 */
  .pf1 {flex-wrap: wrap;}
  .pf1a, .pf1b {width: 100%;}
  .pf1b {margin-top: 20px;padding-left: 0;}
  .pf1b::before {display: none;}
  .pf1b dl {text-align: center;}
}

@media (max-width: 640px) {
  /* 标题通用样式 */
  .pa h3 {font-size: 1.75rem;}
  .pa h4 {font-size: .8rem;}
  
  /* 服务领域 */
  .p1-box {padding: 2.2rem 0 2.7rem;}

  .p1b {margin-top: 1.25rem;border: 1px solid #e6e6e6;}
  .p1b li {padding: 2rem 0 1rem;width: 50%;}
  .p1b li:nth-child(2n) {border-right: none;}
  .p1b li:nth-child(n+3) {border-top: 1px solid #e6e6e6;}

  .p1b li div {height: 2rem;}
  .p1b li h3 {font-size: 1rem;}
  .p1b li a {font-size: .7rem;}

  /* 数据列表 */
  .p2-box {padding: 2.3rem 0 2.7rem;}

  .p2a li {width: 48%;padding: 1rem 0;max-width: 300px;}
  .p2a li:nth-child(n+3) {margin-top: 1rem;}
  .p2a li h3 {font-size: 2.4rem;}
  .p2a li h4 {font-size: 1.2rem;}

  /* 产品中心 */
  .p3-box {padding: 2.2rem 0 2.3rem;}

  .p3b {margin-top: 1.4rem;}
  .p3b li {width: 48%;}
  .p3b li:nth-child(n+5) {margin-top: 0;}
  .p3b li:nth-child(n+3) {margin-top: 1rem;}
  .p3b li a div {padding: .2rem;}
  .p3b li a h3 {font-size: .8rem;}

  .p3c {margin-top: 2.5rem;}
  .p3c a {font-size: .8rem;}

  /* 关于我们 */
  .p4-box {padding: 3.2rem 0 2rem;}

  .p4b {margin: 2.5rem auto 0;padding: 2rem 1rem 6.5rem;}
  .p4b p {font-size: .7rem;color: #fff;line-height: 2.6;text-align: center;}

  .p4c {margin: -5.5rem auto 0;min-height: 9rem;}
  .p4c li a h3 {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: .9rem;color: #fff;font-weight: bold;white-space: nowrap;}

  /* 经典案例 */
  .p5-box {padding: 1.7rem 0 1.5rem;}

  .p5b {margin-top: 1.8rem;}
  .p5b-box {padding: 0 3px;}

  .p5b2 {padding: 1.8rem 1.9rem 1.5rem;}
  .p5b2 h3 {font-size: .9rem;}
  .p5b2 p {font-size: .7rem;}
  .p5b2 div {font-size: .7rem;margin: .5rem auto 0;}

  .p5b .slick-dots {margin-top: 1.4rem;}
  .p5b .slick-dots li {width: .6rem;height: .6rem;margin: 0 .3rem;}

  /* 新闻资讯 */
  .p6-box {padding: 1.5rem 0 2rem;}

  .p6b {margin-top: 1.5rem;}

  .p6b1b div {padding: 1.1rem 0 .8rem;}
  .p6b1b div h3 {font-size: .8rem;}
  .p6b1b div h4 {font-size: .7rem;}
  .p6b1b p {font-size: .7rem;}

  .p6b2 {margin-top: 1rem;}
  .p6b2 li+li {margin-top: 1.4rem;padding-top: 1rem;}

  .p6b2a {padding: .7rem 0;}
  .p6b2a h3 {font-size: 1.5rem;}
  .p6b2a h4 {font-size: .9rem;}

  .p6b2b h3 {font-size: .8rem;}
  .p6b2b p {font-size: .7rem;margin-top: .5rem;}
  .p6b2b h4 {font-size: .7rem;}

  /* 友情链接 */
  .p7-box {font-size: .6rem;padding: .5rem 0;}
  .p7-box a {margin: 0 .25rem;}

  /* 底部 */
  .pf1 {padding: 3.1rem 0 1.9rem;}

  .pf1a p {font-size: .8rem;}
  .pf1a p strong {font-size: 1.2rem;}

  .pf1b {min-height: 0;margin-top: 1rem;}
  .pf1b dl div dt {font-size: .8rem;}
  .pf1b dl div dd {margin-top: .5rem;}
  .pf1b dl div dd a {font-size: .7rem;}

  .pf2 {padding: 1rem 0;padding-bottom:50px;}
  .pf2 p {font-size: .6rem;}

}